<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础表单</title>
    <link href="../../css/bootstrap.css" rel="stylesheet">
</head>
<body>
<div class="container">
        <div class="row col-md-6 col-md-offset-3 ">
            <form action="" >
                <div class="form-group">
                            <label class="" >邮箱：</label>
                           <input class="form-control" type="email">
                </div>
                <div class="form-group">
                    <label class="" >密码：</label>
                    <input class="form-control" type="password">
                </div>
                <div class="form-group">
                        <label for="">
                        <input type="checkbox" name="" >
                            记住密码
                        </label>
                </div>
                <div class="form-group">
                       <button class="btn btn-primary">登陆</button>
                    </div>
            </form>

            <!--内联表单-->

        </div>
    </div>
</div>
<hr>
<div class="container">
    <div class="row col-md-8 col-md-offset-2">
        <form action="" class="form-inline" >
            <div class="form-group">
                <label class="" >邮箱：</label>
                <input class="form-control" type="email">
            </div>
            <div class="form-group">
                <label class="" >密码：</label>
                <input class="form-control" type="password">
            </div>
            <div class="form-group">
                <label for="">
                    <input type="checkbox" name="" >
                    记住密码
                </label>
            </div>
            <div class="form-group">
                <button class="btn btn-primary">登陆</button>
            </div>
        </form>
    </div>
</div>
<hr>
<div class="container">
    <div  class=" row col-md-6 col-md-offset-3">
        <form action="" class="form-inline" >
            <div class="">
                <label class="" >邮箱：</label>
                <input class="" type="email">
            </div>
            <div class="">
                <label class="" >密码：</label>
                <input class="" type="password">
            </div>
            <div class="form-group">
                <label for="">
                    <input type="checkbox" name="" >
                    记住密码
                </label>
            </div>
            <div class="form-group">
                <button class="btn btn-primary">登陆</button>
            </div>
        </form>
    </div>
</div>
<hr>
<div class="container">
    <div  class="row col-md-6 col-md-offset-3">
        <form action="" class="form-inline" >
            <div class="col-md-6">
                <div>
                <label class="" >邮箱：</label>
                <input class="" type="email">
            </div>
            <div class="">
                <label class="" >密码：</label>
                <input class="" type="password">
            </div>
                </div>
            <div class="col-md-3">
                <div class="form-group text-center">
                    <label for="">
                        <input type="checkbox" name="" >
                        记住密码
                    </label>
                </div>
                </div>
            <div class="col-md-2">
                <div class="form-group">
                    <button class="btn btn-primary">登陆</button>
            </div>

            </div>
        </form>
    </div>
</div>

</body>
</html>
